// 对象字面量
interface movie{
    id:number;
    thumb:string;
    name:string;
    star:number;
}
const movies:movie[] = [
    {
      id:1,
      thumb: 'syh.webp',
      name: '第十一回',
      star: 7.5,
    },
    {
      id: 2,
      thumb: 'jj.jpg',
      name: '我的姐姐',
      star: 7.2
    }
  ]

  document.querySelector('.movie-list>ul')
  .innerHTML = movies.map(movie => `
  <li>
    <div class="pic">
        <a href="">
            <img src="${movie.thumb}" alt="">
        </a>
    </div>
    <div class="title">
        <a href="">${movie.name}</a>
    </div>
    <a href="" class="btn-link btn-ticket">选择购票
    </a>
</li>
  `).join('')
  